<template>
    <div>
        <a-row class="num">
            <a-col class="item"  :span="24/(numData.length)" v-for="(item,index) in numData" :key="index">
                <img :src="item.src" alt="">
                <div class="info">
                    <p>{{item.name}}</p>
                    <p>{{item.num}}</p>
                </div>
            </a-col>
        </a-row>
    </div>
</template>
<script>
export default {
    name:"num",
    props:{numData:Array},
}
</script>
<style lang="stylus" scoped>
    .num
        padding:20px 10px;
        .item
            padding:0 10px;
            img 
                width:100%

            .info
                position:absolute;
                top:23px;
                left:42px;
                color:#fff;
                text-align:left;
                p
                    text-align:left;
                    &:nth-child(1)
                        font-size:20px;
                    &:nth-child(2)
                        font-size:36px;
                    
</style>


